@charset "UTF-8";
/* CSS Document */
html, body {height:100%;margin:0;padding:0;/*overflow:hidden;*/}
body {font-size:12px;font-family:Arial;margin:0;padding:0;}

img, a {border:none;outline:none;outline-style:none;}
a {color:#7a7a7a;text-decoration:none;}
a:hover {color:#7a7a7a;text-decoration:underline;}
a:active {color:#333;text-decoration:none;}

form { display:inline;}
input, select	{ vertical-align:middle;}
input {outline: none;}
textarea {outline: none;}

ul, li, dl, dt, dd {list-style:none;margin:0;padding:0;}
p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
.reset {clear:both; height:0; font-size:1px;}
.left {float:left;}
.right {float:right;}
.marginT60{margin-top:60px;}
.marginT20 {margin-top:20px;}
.marginTB {margin-top:50px;margin-bottom:40px;}
.marginTR {margin:1px 8px 0 0;margin:3px 8px 0 0\0;*margin:3px 8px 0 0;}

.container {margin:0 auto;}
/*.positionCenter {position:absolute;width:100%;height:662px;left:50%;top:50%;margin-left:-50%;margin-top:-305px;margin-top:-300px\0;*margin-top:-290px;}*/
.midContent {background:#FFF;}
.salesTxt a {color:#868686;text-decoration:none;}
.salesTxt a:hover {color:#5b5b5b;text-decoration:underline;}


/*HEADER*/
.header {width:100%;height:97px;border-bottom:1px solid #e2e2e2;background:#fff;}
.header .container h2 {float:left;margin:27px 0 0 0;}
.header .container h2 span {float:left;}
.brandTxt {font-size:16px;font-weight:bold;color:#bbb;margin:35px 0 0 -5px;padding:1px 0 2px 10px;}

.header div.telBox {float:right;width:460px;_width:450px;text-align:right;margin:45px 0 0 0;font-size:12px;}
.header div.telBox h4 {height:21px;margin-bottom:2px;font-size:12px;}
.header div.telBox h4 p.saleTel {float:right;color:#5e5e5e;}
.header div.telBox h4 p.saleTel i {color:#d83f46;font-size:14px;font-style:normal;}

.header div.telBox h5 {}
.header div.telBox h5 p {float:right;}
.header div.telBox h5 span.serTel {float:left;font-size:12px;color:#333;}
.header div.telBox h5 span.serTel b{color:#b8b8b8;font-weight:normal;margin-top:-1px;}
.header div.telBox h5 span i {color:#d83f46;font-size:14px;font-style:normal;}

.header div.telBox h5 p.marginTR a {color:#5e5e5e;font-size:12px;margin-top:2px;}



/*CONTENT*/
.listBox {width:500px;_width:500px;height:570px;float:left;}
.listBox .item {float:left;margin:12px 0 32px 0;}

.listBox .item h3.android {background-position:left -22px;}
.listBox .item h3.mobileWM {background-position:-56px -22px;}
.listBox .item h3.setting {background-position:-108px -22px;}
.listBox .item h3.address {background-position:-152px -22px;}

.listBox .item h4 {float:left; max-width:320px;}
.listBox .item h4 p.title {font-size:15px;color:#333;font-weight:bold;margin-bottom:7px;}
.listBox .item h4 p.intro {color:#888;font-size:12px;}
.listBox .item h4 p.intro span {color:#d2232a;}

.listBox .item h4 p.intro a.red {color:#d2232a;}


/*login*/
.loginBox {width:380px;float:right;position:relative;z-index:300;border:0px solid #cdcdcd;background:#fff; margin-top:20%;
/*box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);*/
}
.login {background:#fff; width:100%}

ul.tabs {height:42px;}
ul.tabs li {float:left;text-indent:0;list-style-image:none !important; border-top: 2px #003264 solid;}

ul.tabs a {width: 190px;height: 42px;line-height:42px;font-size:14px;font-weight:bold;display:block;text-align:center;text-decoration:none;color:#C8C8C8;background:#F3F3F3;position:relative;text-decoration:none;}
ul.tabs a:active {outline:none;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background:#C3C3C3;cursor:default !important;color:#666 !important;}
.panes {padding:22px 0 15px 0;}

.loginInput {width:366px;height:31px;line-height:31px;font-size:14px;border:1px solid #d0d0d0;color:#4b4b4b;padding:6px 6px;margin:2px 0 15px 0;}
.redBtn {width:100%;height:55px;color:#fff;font-size:16px;font-weight:bold;border:none;background:#003264;border:0px solid #a10e15;margin:8px 0;cursor:pointer !important;}

.loginInput:hover {border:1px solid #9d9d9d;}

.popNotice {position:absolute;background:#3b3b3b;padding:6px 10px;color:#fff;margin-top:-10px;z-index:200;display:none;}
.popSecurityNotice {position:absolute;background:#3b3b3b;padding:6px 10px;color:#fff;margin-top:-10px;z-index:200;display:none;}
.securityInput {display:none;}
.safeTxt {color:#6c6c6c;}

.clear {text-align:right;margin-top:6px;}
.clear a {color:#333;text-decoration:underline;}
.clear a:hover {color:#000;text-decoration:none;}
.clear .left a{color:#757575;text-decoration:none;}

.manager {height:22px;margin:-5px 0 6px 0;}
.manager span {margin-right:25px;color:#505050;display:block;float:left;height:22px;}
.manager span input, .manager span label{float:left;}
.manager span label {margin:1px 0 0 2px;}


/*.cNameCon {height:50px;}*/
.cNameInput {color:#4B4B4B;width:168px;height:31px;line-height:31px;font-size:14px;background:none;border:none;padding:3px 6px 3px 8px;margin:2px 0 10px 0;*margin-top:4px;position:absolute;}

.cNameTxt {color:#4B4B4B;width:114px;height:37px;line-height:37px;background:#f7f6f6;text-align:left ;padding:0 8px;color:#353546;font-size:14px;border:none;border-left:1px solid #d0d3d7;position:absolute;left:197px;margin-top:1px;_margin-top:3px;*margin-top:3px;overflow:hidden;
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.09);}


/*FOOTER */
.footer {width:100%;height:100px;border-top:1px solid #e2e2e2;background:#fff;}
.footer .container h2 {margin:12px 0 0 0;font-size:12px; text-align:center; color:#666}


.item.marginTKR {margin-top:-3px;}

.imgShow {width:500px;height:570px;overflow:hidden;float:left; background-image:url(../img/loginBg.jpg)}
.imgShow li {margin:0;padding:0;}
 
.num {width:400px;height:22px;float:left;}
.num li	{float:left;width:12px; height:11px;_height:11px;overflow:hidden;cursor:pointer;margin:6px 7px 0 0;padding:0;}
.num li.on	{float:left;width:12px; height:11px;_height:11px;overflow:hidden;cursor:pointer;margin:6px 7px 0 0;}

.wmUserContent , .wmPassContent , .maPassContent , .maUserContent { position:relative}
.placeholder {
	background: none repeat scroll 0 0 transparent;
	color: #4B4B4B;
	font-size: 14px;
	left: -3px;
	position: absolute;
	text-indent: 10px;
	top: 14px;
	visibility: visible;
	vertical-align: middle;
}
/*LOGO*/
#leftLogo { width:200px; height:61px; float:right; margin-top:45%; background: url(../img/logo_login.jpg) no-repeat; background-size:100%; }

/*min-width<767*/
@media (max-width: 767px) {
	.listBox {display:none}
	.loginBox { float:none; margin:50px auto 30px auto }
}
